@charset "utf-8";
/* CSS Document */

/* reset de margens */
* {
    margin: 0;
    padding:0;
}

/* para garantir que estes elementos ocuparï¿½o toda a tela */
body, html {

    width: 100%;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
}

#fundo{
    width: 100%;
    height: 100%;
    background-image:url(../imagens/bg.png);
    position: fixed;
    overflow: hidden;
}

#titulo{
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 30px;

}
table.login{

    color:#FFF;
}


#borda{
	border-style:solid;
	border-width:2px;
   border-color:#FFF;
   border-collapse: separate;
border-spacing: 0px;
padding: 10px;

}
#bordaL{
	border-style:solid;
	border-width:2px;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	
   border-bottom-color:#FFF;
}
#recupera{

    color:#FFF;
}
#erro{

    color:white;
}
#conteudo{
    /*position:absolute;
    width:100%;
    height:100%*/
    position: absolute;
    width: 100%;
    height:100%;

}
#login{
    position:fixed;
    top:25%;
    left:35%;
}

#sistema{

	position:absolute;
    top:10%;
	
	left:15%;
    background: rgba(255,255,255,0.4);
    width:70%;
    
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}
table.menu{
    position:relative;
	left:6%;
}
img.botaomenu{
     width: 40%;
    height:40%;
}
img.botaomenusub{
     width: 30%;
    height:30%;
}
img.botaform{
	 width: 8%;
    height:8%;
}
p.titulo{
    color: #FFF;
    font-family: "Arial Black", sans-serif, Arial, "Times New Roman";
	font-size:30px;
	
}
#campoForm{
	text-align:right;
	color:#FFF;
}
#campoForm2{
	text-align:left;
	color:#FFF;
}
#campobusca{
	text-align:center;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif
}


input{
  display: inline-block;
 
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
input {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

input.deuBoa {
	
  border-color: rgba(0, 255, 0, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 255, 0, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 255, 0, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 255, 0, 0.6);
}
input.deuPau {
	
  border-color: rgba(255, 0, 0, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(255, 0, 0, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(255, 0, 0, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(255, 0, 0, 0.6);
}

input:focus {
	
  border-color: rgba(0,0,255, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 0, 255, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 0, 255, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(0, 0, 255, 0.6);
}